<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>修改密码</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../Statics/css/font.css">
    <link rel="stylesheet" href="../Statics/css/xadmin.css">
    <script src="../Statics/js/jquery.min.js"></script>
    <script type="text/javascript" src="../Statics/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../Statics/js/xadmin.js"></script>
 
  </head>
  <%
    String username =(String)request.getParameter("username");
  %>
  <body>
    <div class="x-body">
        <form method = "post"action="../UserServlet?op=update&id=<%=request.getSession().getAttribute("userid") %>" id = "userAddForm" class="layui-form" target="_parent">
           <div class="layui-form-item">
              <label for="username" class="layui-form-label">
                  <span class="x-red">*</span>登录名
              </label>
              <div class="layui-input-inline">
                  <input type="text" id="username" name="username" required lay-verify="required"
                  autocomplete="off" class="layui-input" value="<%=username%>" readonly>
              </div>
              <div class="layui-form-mid layui-word-aux">
                  <span class="x-red">*</span>将会成为您唯一的登入名
              </div>
          </div> 
         
          <div class="layui-form-item">
              <label for="L_pass" class="layui-form-label">
                  <span class="x-red">*</span>原密码
              </label>
              <div class="layui-input-inline">
                  <input type="password" id="L_pass" name="pass" required lay-verify="pass"
                  autocomplete="off" class="layui-input">
              </div>
              
          </div>
          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
                  <span class="x-red">*</span>新密码
              </label>
              <div class="layui-input-inline">
                  <input type="password" id="L_repass" name="repass" required lay-verify="repass"
                  autocomplete="off" class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">
                          6到16个字符
              </div>
          </div>
          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
              </label>
             <input type="submit" value="确&nbsp;定&nbsp;修&nbsp;改" style="width:190px;height:50px;color:green;font-size:18px;border:1px solid black">
          </div>
      </form>
    </div>
    <script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer;
        
        //自定义验证规则
          form.verify({
            nikename: function(value){
              if(value.length < 5){
                return '昵称至少得5个字符啊';
              }
            }
            ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,repass: function(value){
                if($('#L_pass').val()!=$('#L_repass').val()){
                    return '两次密码不一致';
                }
            }
          });

        //监听提交
          form.on('submit(add)', function(data){
			if(data.field.pass == data.field.repass)
			{
				$("userAddForm").submit();
			}
			else
			{
				layer.alert("账号密码不一致！");
				return false;
			}
        	  
          });
          
          
        });
    </script>
  </body>

</html>